<template>
  <div class="floor-box">
    <el-row type="flex" justify="center">
      <el-col :lg="20" class="floor-con">
        <el-row>
          <el-col :lg="6" :sm="12" :xs="12">
            <dl>
              <dt><LogoTitle></LogoTitle></dt>
              <dd>掌握权威、热门、优质信息，高效生活！</dd>
            </dl>
          </el-col>
          <el-col :lg="6" :sm="12" :xs="12">
            <dl class="dl">
              <dt class="tit"><h4>作者微信</h4></dt>
              <dd><img src="../../static/images/wx.png" class="wx" /></dd>
            </dl>
          </el-col>
          <el-col :lg="6" :sm="12" :xs="12">
            <dl class="dl">
              <dt class="tit"><h4>相关站点</h4></dt>
              <dd>暂无</dd>
            </dl>
          </el-col>
          <el-col :lg="6" :sm="12" :xs="12">
            <dl class="dl">
              <dt class="tit"><h4>联系/反馈/关注</h4></dt>
              <dd>可以联系wx</dd>
            </dl>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import LogoTitle from "@/reuse/LogoTitle.vue";
export default {
  name: "FloorCopyright",
  components: { LogoTitle },
};
</script>

<style scoped lang="less">
.floor-box {
  min-width: 482px;
  background-color: #f5f5f5;
  .floor-con {
    padding: 15px 0 10px;
  }
  .wx {
    width: 80px;
    height: 80px;
  }
}
.dl {
  float: left;
}
.tit {
  margin-bottom: 10px;
  text-align: center;
}
</style>
